/**
 * CSS files with the .module.css suffix will be treated as CSS modules
 * and scoped locally.
 */
.title {
	font-size: 2rem;
}
.subtitle {
	font-size: 1.2rem;
}
.heroBanner {
	padding: 4rem 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: #f4f4f4;
}

.buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}
.xiazaibtn {
	display: grid;
	row-gap: 1rem;
	column-gap: 1rem;
	grid-template-columns: repeat(3, 20rem);
	justify-content: center;
}
.xiazaibtn_item {
	border-radius: 4px;
	display: grid;
	grid-template-columns: 48px 1fr;
	background-color: #fff;
	padding: 1rem 0.85rem;
	column-gap: 0.8rem;
	row-gap: 0.2rem;
}
.xiazaibtn_item img {
	grid-row: 2 span;
}
.xiazaibtn_item h3 {
	text-align: left;
	margin: 0;
	font-size: 1rem;
}
.xiazaibtn_item p {
	margin: 0;
	text-align: left;
	font-size: 0.8rem;
}

@media screen and (max-width: 996px) {
	.heroBanner {
		padding: 1rem;
	}
	.xiazaibtn {
		grid-template-columns: repeat(1, 1fr);
	}
}
